.expert-detail-container {
  display: flex;

  .expert-detail-left {
    width: 260px;

    .expert-detail-intro-content {
      padding: 16px;
      background: #1E60C5;
      border-radius: 4px 4px 4px 4px;
      color: #FFFFFF;

      .expert-detail-authro-name {
        font-size: 20px;
        margin-bottom: 8px;
      }

      .expert-detail-authro-meta {
        font-size: 16px;
        margin-bottom: 12px;

        .expert-detail-sp-stats {
          .anticon {
            margin-right: 4px;
            color: #FFFFFF;
          }
        }
      }

      .expert-detail-authro-dept {
        font-weight: 400;
        font-size: 16px;
        color: rgba(255, 255, 255, 0.8);
        line-height: 1.5;
        margin-bottom: 24px;
      }

      .expert-detail-authro-asso-authors {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.8);
        margin-bottom: 20px;

        > .ass-author {
          font-size: 14px;
          color: rgba(255, 255, 255, 0.8);
          text-decoration: none;

          &:after {
            content: " , ";
          }
        }
      }

      .expert-detail-authro-asso-journals {
        > h4 {
          font-size: 18px;
          color: #FFFFFF;
          text-decoration: underline solid #FFFFFF 6px;
          text-underline-offset: 10px;
          border-bottom: 1px solid #3E7AD6;
          padding-bottom: 11px;
        }

        .ass-journals-list {
          padding: 16px 0;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;

          .ass-journal {
            position: relative;
            width: 106px;
            aspect-ratio: 182/242;

            .ant-image {
              width: 100%;
              height: 100%;
              display: block;

              .ant-image-img {
                width: 100%;
                height: 100%;
                display: block;
              }
            }

            .ass-journal-name {
              text-align: center;
              position: absolute;
              bottom: 0;
              padding: 5px 3px;
              width: 100%;
              background: rgba(0, 0, 0, 0.4);
              font-size: 16px;
              color: #FFFFFF;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
            }
          }
        }
      }
    }
  }

  .expert-detail-right {
    flex: 1;
    padding-left: 16px;

    .expert-article-list-content {
      .es-order-type-options{
        .es-order-type-option{
          font-size: 14px;
          color: #4E4E4E;
          &.active{
            color: #1E60C5;
          }
        }
      }

      .expert-article-list {
        > .ant-spin-nested-loading {
          > .ant-spin-container {
            display: flex;
            flex-direction: column;
            gap: 10px;
          }
        }

        .search-record-inner-list {
          min-height: 500px;
        }

        &.expert-article-article-list {
          .search-record-inner-list {
            flex: 1;
          }
        }

        &.expert-article-chart-list, &.expert-article-video-list {
          .search-record-inner-list {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
          }
        }
      }
    }
  }
}
